<div id="cuples" class="float-left gray-box" style="width:460px;" >
  <div class="float-left margin-bottom-10" style="width:200px;">
    <%= xn_profile_pic left_friend, {:linked => "true", :size => "main"} %>
    <p>
    <%= xn_name left_friend, {:linked => "true", :show_network => "true"} %>
    </p>
  </div>
  
  <div class="float-left" style="display:inline-block;display:inline; margin-left: 10px;">
    M
  </div>

  <div class="float-left margin-bottom-10" style="width:200px; margin-left: 10px;">
    <%= xn_profile_pic right_friend, {:linked => "true", :size => "main"} %>
    <p>
    <%= xn_name right_friend, {:linked => "true", :show_network => "true"} %>
    </p>
  </div>

  <div class="clear-both"></div>
</div>

